<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="yes" name="apple-touch-fullscreen">
	<meta name="data-spm" content="a215s">
	<meta content="telephone=no,email=no" name="format-detection">
	<meta content="fullscreen=yes,preventMove=no" name="ML-Config">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<meta content="转让变现快,提现实时到,多重保障,本息保护,账户托管至新浪支付" name="Keywords">
	<meta name="description" content="熊猫贷" />	
  <link rel="stylesheet" href="css/reset.css" />
  <link rel="stylesheet" href="css/style.css" />
</head>
<body>
	<section class="bodyA"><img width="100%" src="images/u0.gif" alt=""></section>
	<div class="bcolor-eb">
		<section class="bannerPane">
		    <div class="swipe">
		        <ul id="slider">
		            <li style="display:block;">
		                <img width="100%" src="images/banner1.jpg" alt="商城网站" />
		            </li>
		            <li>
		                <img width="100%" src="images/banner2.jpg" alt="商城网站" />
		            </li>
		            <li>
		                <img width="100%" src="images/banner3.jpg" alt="商城网站" />
		            </li>
		            <li>
		                <img width="100%" src="images/banner4.jpg" alt="商城网站" />
		            </li>
		        </ul>
		        <div id="pagenavi">
		            <a href="javascript:void(0);" class="active">1</a>
		            <a href="javascript:void(0);">2</a>
		            <a href="javascript:void(0);">3</a>
		            <a href="javascript:void(0);">4</a>
		        </div>
		    </div>
		</section>
		<div class="linedc-1"></div>
		<section>
			<ul class="mould-1 clearfix">
				<li data-cato="mould-2list1" class='current'><a href="/">竞标中</a></li>
				<li data-cato="mould-2list2"><a href="/">还款中</a></li>
				<li data-cato="mould-2list3"><a href="/">已完成</a></li>
			</ul>
			<ul id="mould-2list1" class="mould-2">
				<li><!--循环li-->
					<div class="mould-2tit">
						<div class="mould-2info">
							<div>
								<p class="mould-2infoem">
									<span class="b-f small-div">抵</span>
									<span class="y-f small-div">奖</span>
									<span class="y-f small-div">秒</span>
								</p>
								<p class="mould-2infoti"><span>海淀黄庄房产抵押标20151015_02</span></p>
							</div>
						</div>
						<p class="mould-2time">
							<span class="font-10 color-85">2015-10-15 发布</span>
						</p>
					</div>
					<div class="mould-2con clearfix">
						<div class="mould-2conleft">
							<ul>
								<li><p><span class="font-18 ycolor">100000</span></p></li>
								<li><p>项目金额（元）</p></li>
								<li class="mould-2line"></li>
								<li><p><span class="font-15 ycolor">3个</span>月</p></li>
								<li><p>项目期限</p></li>
							<ul>
						</div>
						<div class='mould-2conmid'>
							<div class="circle">
							    <div class="pie_left"><div class="left"></div></div>
							    <div class="pie_right"><div class="right"></div></div>
							    <div class="mask ycolor">
							    	<p><span class="font-14">￥50,000</span><br>可投资</p>
							    	<p class="hide"><span class="NUM">60</span>%</p>
							    </div>
							</div>
						</div>
						<div class="mould-2conright">
							<ul>
								<li class="mould-2jl"><img height="100%;" src="images/jiangli.png" alt="奖励"></li>
								<li><p class="b-f mould-2num"><span class="font-15">1.5%</span></p></li>
								<li class="mould-2line"></li>
								<li class="font-15 ycolor">18%</li>
								<li><p>年利率</p></li>
							<ul>
						</div>
					</div>
					<p class="mould-2bot"><a class="b-f" href="/">查看详情</a></p>
				</li>
				<li>
					<div class="mould-2tit">
						<div class="mould-2info">
							<div>
								<p class="mould-2infoem">
									<span class="b-f small-div">抵</span>
									<span class="y-f small-div">秒</span>
								</p>
								<p class="mould-2infoti"><span>海淀黄庄房产抵押标20151015_02</span></p>
							</div>
						</div>
						<p class="mould-2time">
							<span class="font-10 color-85">2015-10-15 发布</span>
						</p>
					</div>
					<div class="mould-2con clearfix">
						<div class="mould-2conleft">
							<ul>
								<li><p><span class="font-18 ycolor">15</span>万</p></li>
								<li><p>项目金额（元）</p></li>
								<li class="mould-2line"></li>
								<li><p><span class="font-15 ycolor">3个</span>月</p></li>
								<li><p>项目期限</p></li>
							<ul>
						</div>
						<div class='mould-2conmid'>
							<div class="circle">
							    <div class="pie_left"><div class="left"></div></div>
							    <div class="pie_right"><div class="right"></div></div>
							    <div class="mask ycolor">
							    	<p><span class="font-14">￥15</span>万<br>可投资</p>
							    	<p class="hide"><span class="NUM">40</span>%</p>
							    </div>
							</div>
						</div>
						<div class="mould-2conright">
							<ul>
								<li class="mould-2jl2"><img height="100%;" src="images/jiangli2.png" alt="奖励"></li>
								<li class="mould-2line"></li>
								<li class="font-15 ycolor">18%</li>
								<li><p>年利率</p></li>
							<ul>
						</div>
					</div>
					<p class="mould-2bot"><a class="b-f" href="/">查看详情</a></p>
				</li>
				<li>
					<div class="mould-2tit">
						<div class="mould-2info">
							<div>
								<p class="mould-2infoem">
									<span class="b-f small-div">抵</span>
									<span class="y-f small-div">奖</span>
									<span class="y-f small-div">秒</span>
								</p>
								<p class="mould-2infoti"><span>海淀黄庄房产抵押标20151015_02</span></p>
							</div>
						</div>
						<p class="mould-2time">
							<span class="font-10 color-85">2015-10-15 发布</span>
						</p>
					</div>
					<div class="mould-2con clearfix">
						<div class="mould-2conleft">
							<ul>
								<li><p><span class="font-18 ycolor">100000</span></p></li>
								<li><p>项目金额（元）</p></li>
								<li class="mould-2line"></li>
								<li><p><span class="font-15 ycolor">3个</span>月</p></li>
								<li><p>项目期限</p></li>
							<ul>
						</div>
						<div class='mould-2conmid'>
							<div class="circle">
							    <div class="pie_left"><div class="left"></div></div>
							    <div class="pie_right"><div class="right"></div></div>
							    <div class="mask ycolor">
							    	<p><span class="font-14">￥50,000</span><br>可投资</p>
							    	<p class="hide"><span class="NUM">30</span>%</p>
							    </div>
							</div>
						</div>
						<div class="mould-2conright">
							<ul>
								<li class="mould-2jl"><img height="100%;" src="images/jiangli.png" alt="奖励"></li>
								<li><p class="b-f mould-2num"><span class="font-15">1.5%</span></p></li>
								<li class="mould-2line"></li>
								<li class="font-15 ycolor">18%</li>
								<li><p>年利率</p></li>
							<ul>
						</div>
					</div>
					<p class="mould-2bot"><a class="b-f" href="/">查看详情</a></p>
				</li>
				<li>
					<div class="mould-2tit">
						<div class="mould-2info">
							<div>
								<p class="mould-2infoem">
									<span class="b-f small-div">抵</span>
									<span class="y-f small-div">秒</span>
								</p>
								<p class="mould-2infoti"><span>海淀黄庄房产抵押标20151015_02</span></p>
							</div>
						</div>
						<p class="mould-2time">
							<span class="font-10 color-85">2015-10-15 发布</span>
						</p>
					</div>
					<div class="mould-2con clearfix">
						<div class="mould-2conleft">
							<ul>
								<li><p><span class="font-18 ycolor">15</span>万</p></li>
								<li><p>项目金额（元）</p></li>
								<li class="mould-2line"></li>
								<li><p><span class="font-15 ycolor">3个</span>月</p></li>
								<li><p>项目期限</p></li>
							<ul>
						</div>
						<div class='mould-2conmid'>
							<div class="circle">
							    <div class="pie_left"><div class="left"></div></div>
							    <div class="pie_right"><div class="right"></div></div>
							    <div class="mask ycolor">
							    	<p><span class="font-14">￥15</span>万<br>可投资</p>
							    	<p class="hide"><span class="NUM">90</span>%</p>
							    </div>
							</div>
						</div>
						<div class="mould-2conright">
							<ul>
								<li class="mould-2jl2"><img height="100%;" src="images/jiangli2.png" alt="奖励"></li>
								<li class="mould-2line"></li>
								<li class="font-15 ycolor">18%</li>
								<li><p>年利率</p></li>
							<ul>
						</div>
					</div>
					<p class="mould-2bot"><a class="b-f" href="/">查看详情</a></p>
				</li>
			</ul>
		</section>
		<div class="footer-h"></div>
	</div>
	<section id="footer">
		<ul class="footer-nav clearfix">
		    <li class="current-bot">
		        <a href="">
		            <img src="images/footer1-on.png" alt="">
		            首页
		        </a>
		    </li>
		    <li>
		        <a href="">
		            <img src="images/footer2.png" alt="">
		            我的账户
		        </a>
		    </li>
		    <li>
		        <a href="">
		            <img src="images/footer3.png" alt="">
		            关于我们
		        </a>
		    </li>
		</ul>
	</section>
<script src="js/touchscroll.js"></script>
<script src="js/touchscroll.dev.js"></script>
<script src="js/run.js"></script>
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/reset.js"></script>
<script src="js/ajaxsj.js"></script>
<script>
	$(function($) {
	    var UA=window.navigator.userAgent;  //使用设备
	    var CLICK="click";
	    if(/ipad|iphone|android/.test(UA)){   //判断使用设备
	        CLICK="tap";
	    }
	    function classpage(){
			$(".mould-2conmid").each(function(){
				var T_H = $(this).height();
					T_Hcircle = $(this).find(".circle").height();
				$(this).find(".circle").css("margin-top",(T_H-T_Hcircle)/2);
			});
		    $('.circle').each(function(index, el) {
		        var num = $(this).find('.NUM').text() * 3.6;
		        if (num<=180) {
		            $(this).find('.right').css('transform', "rotate(" + num + "deg)");
		        } else {
		            $(this).find('.right').css('transform', "rotate(180deg)");
		            $(this).find('.left').css('transform', "rotate(" + (num - 180) + "deg)");
		        };
		    });
	    };
	    $(document).on(CLICK,".mould-2bot a",function(event){
            event.preventDefault();
            alert("确定投资么？");
	    });
		$(".bodyA").hide();
	});
</script>
</body>
</html>